<template>
   <div class="header">
    城市选择
    <router-link to="/">
    <div class="iconfont header-back">&#xe624;</div>
    </router-link>
   </div>
</template>

<script>
export default {
  name: 'CityHeader',
  components: {
  },
  data () {
    return {
      city: ''
    }
  },
  methods: {
  },
  mounted () {
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
@import '~styles/variables.styl';
 .header
   position relative
   overflow hidden
   height $headerHeight
   line-height $headerHeight
   text-align center
   color #ffffff
   background $bgcolor
   font-size 0.32rem
   .header-back
     position absolute
     width 0.64rem
     text-align center
     font-size 0.4rem
     top 0
     left 0
     color #ffffff
</style>
